<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.1.1
Version: 2.0.2
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<!--<![endif]-->
<!-- BEGIN HEAD -->
<!-- BEGIN BODY -->
<script src="manageView/assets/scripts/public.js" type="text/javascript"></script>
<body class="page-header-fixed">
	<!-- BEGIN CONTAINER -->
	<!-- BEGIN CONTENT -->
	<!--表格操作按钮组-->
	<div class="form-group" style="margin: 0px;">
				<div class="row">
					<div class="col-sm-5">
						<label class="col-sm-3 control-label text-right">手机号</label>
						<div class="col-sm-9"><input type="text" class="form-control" ng-model="searchModel.mobileNo"/></div>
					</div>
					<div class="col-sm-5">
						<label class="col-sm-3 control-label text-right">邮箱</label>
						<div class="col-sm-9"><input type="text" class="form-control" ng-model="searchModel.email"/></div>
					</div>
					<div class="col-sm-1">
						<a class="btn blue" ng-click="queryCorpUserByParam();"><i class="fa fa-search"></i>查询</a>
					</div>
				</div>
	</div>
	<hr />
	
	<table class="table table-striped table-bordered table-hover"
		id="table_1">
		<thead>
			<tr>
				<th>用户名称</th>
				<th>用户ID</th>
				<th>手机号码</th>
				<th>邮箱</th>
				<th>所属运营商</th>
				<th>透支额度</th>
				<th>是否允许超额使用</th>
				<th>是否启用</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody>
			<tr class="odd gradeX"
				ng-repeat="user in corpUserList  track by $index"
				on-loaded="{{$last}}" target-table="table_1">
				<td><span ng-bind="user.name"></span></td>
				<td><span ng-bind="user.userId"></span></td>
				<td><span ng-bind="user.mobileNo"></span></td>
				<td><span ng-bind="user.email"></span></td>
				<td><span
					ng-bind="user.merchantCode | getValueInArgFilter : merchantMap : 'name'"></span></td>
				<td><span ng-bind="user.quota"></span></td>
				<td><span
					ng-bind="user.allowOverQuota  | getValueInStaticFilter : 'allowOverQuotaArray'"></span></td>
				<td><span
					ng-bind="user.isValid | getValueInStaticFilter : 'validArray'""></span></td>
				<td><a class="btn" href="javascript:;" data-target="#operRoleListModel"
					data-toggle="modal" ng-click="allotRole(user);"> 角色分配
				</a></td>
			</tr>
		</tbody>
	</table>
	<div id="operRoleListModel" class="modal fade" role="dialog" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
						<h4 class="modal-title">角色修改</h4>
					</div>
					<div class="modal-body form">
						<div class="form-group alert row">
							<div class="modal-body form" style='margin:0px 15px 15px 15px;position: relative;top: -20px'>
								<div class="row">
									<label class="col-sm-3 control-label text-left selectAllTit">请选择系统</label>
									<div class="col-sm-9">
										<div class="input-group">
											<select class="form-control" ng-model="selectedSys" 
											ng-options="systemInfo.sysCode as systemInfo.sysName for systemInfo in systemInfoMap">
												<option value="">--所有系统--</option>
											</select>
										</div>
									</div>
								</div>
							</div>
							<p></p>
							<div class="col-sm-5" style="padding:0px">
								<p class="selectAllTit">可分配角色</p>
								<select multiple="multiple" class="selectAll" id="leftSelect">
									<option ng-dblclick="selectRole(role,$index);" value="{{$index}}" 
									ng-hide="role.hide"
									ng-repeat="role in unAllotRoleList track by $index" >{{role.roleName}}</option>
								</select>
							</div>
							<div class="col-sm-2" style="color:#018DAE;padding-top:80px;text-align: center">
								<a style="display: block;"><i class="fa fa-chevron-circle-left" style="font-size: 30px;line-height:50px;cursor: pointer;" ng-click="leftClick();"></i></a>
								<a style="display: block;"><i class="fa fa-chevron-circle-right" style="font-size: 30px;line-height:50px;cursor: pointer;" ng-click="rightClick();"></i></a>
							</div>
							<div class="col-sm-5" style="padding:0px">
								<p class="selectAllTit">已分配角色</p>
								<select multiple="multiple" class="selectAll" id="rightSelect">
									<option ng-dblclick="invertSelectRole(operRole,$index);" value="{{$index}}" 
									ng-hide="operRole.hide"
									ng-repeat="operRole in operRoleList track by $index">
									{{operRole.roleId | getValueInArgFilter : rolemap : 'roleName'}}
									</option>
								</select>
							</div>
						</div>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>关闭</button>
						<button type="button" class="btn btn-primary" ng-click="modifyOperRole();">
						<i class="fa fa-check"></i>保存</button>
					</div>
				</div>
			</div>
	</div>
	

</body>
</html>

